<template>
  <div class="blue">
    <slot>我是默认内容</slot>
  </div>
</template>

<script setup lang="ts">

</script>

<style scoped>
/* 插槽选择器：默认情况下，作用域样式不会影响到 <slot/> 渲染除了的内容，因为它们被认为是父组件所持有并传递进来的，使用 :slotted 伪类以明确的将插槽内容作为选择器的目标 */
:slotted(div) {
  color:yellowgreen;
}
</style>